<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	    <title>Tester strategii opcyjnych</title>
	    <meta name="Description" content="Opis" />
		<meta name="Keywrods" content="Słowa kluczowe" />
	    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	    <link rel="stylesheet" type="text/css" href="css/styles.css"/>
		<script type="text/javascript" src="http://yui.yahooapis.com/3.3.0/build/yui/yui-min.js" charset="utf-8"></script>
		<script type="text/javascript">
			YUI().use('event-delegate', 'node', 'dump', 'node-event-simulate', 'querystring-stringify-simple', 'io-base', function (Y) {
                // Klasa realizujaca zadania aktualizacji contentu
                // przez adres url
                function ContentUpdater(selector, url, defaultParams) {
                    this.selector = selector;
                    this.url = url;
                    
                    if(defaultParams != null) {
                        this.params = defaultParams;
                    } else {
                        this.params = { };
                    }
                    
                    this.update = function(params) {
                        // Przygotowanie tablicy z parametrami
                        if(params != null) {
                            // Utworzenie parametrow
                            for(var key in params) {
                                if(params.hasOwnProperty(key)) {
                                    this.params[key] = params[key];
                                }
                            }
                        }
                        
                        // Uaktualnienie zawartosci
                        this.refresh();
                    }
                    
                    this.refresh = function() {
                        var obj = this;
                        
                        var cfg = {
                            method: 'GET',
                            data: this.params,
                            on: {
                                complete: function(id, o, args) {
                                    // Ustawienie zwroconej zawartosci
                                    Y.one(obj.selector).setContent(o.responseText);
                                }
                            }
                        }
                        
                        Y.io(this.url, cfg);
                    }
                }
                
                var pricingTableUpdater = new ContentUpdater("#option-pricing-table", "/gateway/test/pricing");
                pricingTableUpdater.refresh();
            
				// Reakcja na klikanie w menu:
				Y.delegate("click", function(e) {
					// Usuniecie wszystkich selektow:
					Y.all('#leftmenu li').removeClass('selected');
					// Wylaczenie wszystkich paneli:
					Y.all("#content div.page").setStyle('display', 'none');

					// Pobranie parenta
					var parent = this.get('parentNode');
					parent.addClass('selected');

					// Przelaczenie panelu:
					var panel_id = parent.get('id').replace("-link", "-panel");
					var panel_node = Y.one("#"+panel_id);
					panel_node.setStyle('display', 'block');
                    
					// Zatrzymanie przetwarzania
					e.halt();
				}, "#leftmenu", "a");

				Y.one("#option-pricing-link a").simulate("click");
			});
		</script>
	</head>
	<body>
		<div id="header">
			<div id="title">
				TESTER STRATEGII OPCYJNYCH
			</div>
			<div id="toplinks">
				Zalogowany jako {{ data.user_nickname }} | <a href="{{ data.logout_url }}">Wyloguj</a>
			</div>

			<div class="clear"></div>
		</div>
		<div id="subheader">
			Proste narzędzie do testowania oraz symulacji strategii opcyjnych
		</div>

		<div id="leftmenu">
			<ul class="menu">
				<li class="header">Menu główne</li>
				<li id="option-pricing-link"><a href="#">Wyceny opcji</a></li>
				<li id="option-standard-link"><a href="#">Partytet</a></li>
				<li id="strategies-link"><a href="#">Strategie</a></li>
				<li id="strategies-simulation-link"><a href="#">Symulacja strategii</a></li>
				<li id="deposit-link"><a href="#">Depozyt</a></li>
			</ul>
		</div>
		<div id="content">
			<div id="option-pricing-panel" class="page">
                <div id="option-pricing-table"></div>
            </div>
            <div id="option-standard-panel" class="page">
                Partytet
            </div>
            <div id="strategies-panel" class="page">
                Zarządzanie strategiami
            </div>
            <div id="strategies-simulation-panel" class="page">
                Symulacje strategii
            </div>
            <div id="deposit-panel" class="page">
                Depozyt
            </div>
		</div>

		<div id="footer">
			Stopka
		</div>
	</body>
</html>

